<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>小米su7</title>
		<style>
			*{
				background-color: #ccc;
			}
			div.product_card{
				width: 223px;
				height: 360px;
				border-radius: 4px;
				margin-left: 200px;
				filter: drop-shadow(0 0 2px #000000);
			}
			div img{
				width: 200px;
				height: 200px;
				margin: 10px;
				border-radius: 4px;
				
			}
			div.h3{
				font-family: 微软雅黑,宋体;
				text-align: center;
				font-size: 18px;
				margin-top: 1px;
				border-radius: 4px;
				margin: 0 auto;
			}
			div p.price{
				font-family: 微软雅黑,宋体;
				text-align: center;
				font-size: 18px;
				color: #e95959;
				margin-top: 3px;
				background-color: #fff;
			}
			div P+span{
				font-family: 微软雅黑,宋体;
				text-align: center;
				font-size: 10px;
			} 
		</style>
	</head>
	<body>
		<div class="product_card">
			<img src="../Day03/img/su7.jpg" alt="">
			<h3>小米su7</h3>
			<p class="price">￥279999.00</p>
			<span>已有</span>
		</div>
		
	</body>
</html>